input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

body {
    background-color: transparent !important;
}

.overflow {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.modalTitle {
    width: 4.3rem;
    height: 4.3rem;
    margin: .6rem .58rem .35rem .58rem;
}

.modalFailTitle {
    width: 1.2rem;
    height: 1.2rem;
    margin: .6rem 2.13rem .44rem 2.13rem;
}

.modalInfo {
    text-align: center;
    height: .45rem;
    line-height: .45rem;
    color: rgba(70, 70, 70, 1);
    font-size: .32rem;
    margin-bottom: .7rem;
}

.page {
    height: 100%;
    .logo {
        height: 1.3rem;
        padding: .8rem 0 0 0;
        padding-bottom: .63rem;
        img {
            width: 1.3rem;
            height: 1.3rem;
            border-radius: .25rem;
            overflow: hidden;
        }
    }
    .username {
        position: relative;
        height: 1.04rem;
        margin: 0 .3rem;
        background-color: #fff;
        padding-left: 1.24rem;
        font-size: .3rem;
        border-bottom: .01rem solid #E6E6E6;
        align-items: center;
        .codebtn {
            position: absolute;
            right: 0rem;
            height: .49rem;
            border-radius: .25rem;
            top: .26rem;
            width: 1.75rem;
            line-height: .49rem;
            font-size: .24rem;
            color: #FFFFFF;
            background-color: #FF4C5D;
            border: none;
            z-index: 10;
        }
        label {
            position: absolute;
            height: 1.04rem;
            font-size: .3rem;
            line-height: 1.04rem;
            left: 0;
            padding: 0 .05rem;
        }
        input {
            width: 100%;
            font-size: .3rem;
        }
    }
    input.Code {
        padding-right: 2rem;
    }
    .loginbtn {
        margin-top: .33rem;
        padding: 0 .3rem;
        padding-bottom: .82rem;
        input {
            width: 100%;
            height: 1rem;
            font-size: .32rem;
            line-height: 1rem;
            background-color: #FBC200;
            color: #464646;
            border-radius: .08rem;
            -webkit-border-radius: .08rem;
            -moz-border-radius: .08rem;
        }
        .nosubmit {
            background-color: #bcbcbc;
        }
    }
    .agreement {
        background-color: #FFFFFF;
        padding-top: .4rem;
        padding-left: .65rem;
        margin: 0 .3rem;
        font-size: .26rem;
        .iconchendx {
            display: inline-block;
            position: relative;
            &::before {
                content: '';
                width: .3rem;
                height: .3rem;
                border-radius: 50%;
                position: absolute;
                top: .02rem;
                left: -0.4rem;
                background: #FFFFFF;
                border: .01rem solid #e6e6e6;
            }
        }
        .selected::before {
            background-image: url("https://zafgoos.oss-cn-shanghai.aliyuncs.com/hbplus/imgs/pay_checked.png");
            border: 0;
            background-size: 100%;
        }
        .agreement_btn {
            color: #FBC200;
            padding-left: .01rem;
            text-decoration: underline;
        }
    }
    .bg {
        background-color: #fff;
        padding: .3rem 0 .17rem 0;
    }
    .card {
        background-image: url("https://zafgoos.oss-cn-shanghai.aliyuncs.com/hbplus/imgs-h5/card_bg.png");
        width: 6rem;
        height: 3.6rem;
        background-size: 100%;
        -webkit-background-size: 100%;
        border-radius: .24rem;
        overflow: hidden;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        display: -webkit-flex;
        box-shadow: .04rem .04rem .1rem #ccc;
    }
    .successMsg {
        width: 6rem;
        height: 3.6rem;
    }
    .card .mes {
        font-family: PingFangSC-Regular;
        font-size: .4rem;
        color: #FFFFFF;
        letter-spacing: 0;
        margin: 1.6rem 1.2rem;
        height: .4rem;
        line-height: .4rem;
    }
    .card .firstMsg {
        font-family: PingFangSC-Regular;
        font-size: .4rem;
        color: #FFFFFF;
        letter-spacing: 0;
        text-align: center;
        margin-top: 1.5rem;
        height: .4rem;
        line-height: .4rem;
    }
    .card .nextMsg {
        height: .24rem;
        line-height: .24rem;
        font-size: .24rem;
        font-family: PingFangSC-Regular;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        margin-top: .66rem;
    }
    .card .lastMsg{
        margin-top: .3rem;
        height: .2rem; 
        font-size: .2rem;
        font-family:PingFangSC-Thin;
        color:rgba(255,255,255,1);
        line-height: .2rem;
        text-align: center;
    }
    .card .bottm-box {
        position: absolute;
        height: 1rem;
        bottom: .03rem;
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        align-items: center;
        color: #fff;
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0);
    }
    .bottm-box .vip-t {}
    .open-vip {
        height: .24rem;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        align-items: center;
        font-size: .24rem;
        padding-bottom: .31rem;
        color: #FFFFFF;
    }
    .btn {
        height: .5rem;
        width: 4.2rem;
        /* ￥199.00限时特惠开通: */
        font-family: PingFangSC-Regular;
        letter-spacing: 0;
        border: 1rem solid #fff;
        border-radius: .25rem;
        text-align: center;
        line-height: .5rem;
    }
    .bottm-box .vip-x {
        font-weight: 300;
        font-family: PingFangSC-Thin;
        font-size: .2rem;
    }
    .receivelist {
        padding: 0 .5rem;
        .receivelist-title {
            height: .32rem;
            font-size: .32rem;
            font-family: PingFangSC-Regular;
            color: rgba(224, 164, 68, 1);
            line-height: .32rem;
            padding-bottom: .5rem;
        }
        .receivelist-item-box {
            width: 100%;
            height: .7rem;
            margin-bottom: .4rem;
            .rc-img {
                height: .7rem;
                width: .7rem;
                margin-right: .3rem;
                background-color: #E6E6E6;
                border-radius: 50%;
            }
            .tu-wen span {
                color: #909090;
            }
        }
        .no-list {
            font-size: .22rem;
            color: #909090;
        }
    }
}